<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel=StyleSheet HREF="master.css" TYPE="text/css" MEDIA=screen/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.easing.compatibility.js"></script>
<script src="js/jquery-css-transform.js"></script>
<script src="js/jquery-animate-css-rotate-scale.js"></script>
<script src="js/script.js"></script>
</head>

<script type="text/javascript">
$(document).ready(function(){
	var stage = $('#stage');
   $(stage).mousemove(function(e){
   		//var mousePos = e.pageX + e.pageY;+
   		var x = e.pageX - this.offsetLeft;
   		var y = e.pageY - this.offsetTop;
   		//$('#stage').css('-webkit-mask-position', e.pageX + 'px ' + e.pageY + 'px');
   		$(stage).css('-webkit-mask-position', x + 'px ' + y + 'px');
   		console.log(e.pageX + ' ' +e.pageY);
      //$('#status').html(e.pageX +', '+ e.pageY);
   }); 

   $('#owl').click(function(){
   		$(stage).toggle(function(){
   			$(this).removeClass("mask");
		}, function () {
    	$("stage").addClass("mask");
   		})
   })

   /*$('#owl').click(function(){
   		$(stage).css({
	   		'-webkit-mask-image': 'none',
	   		'background-color': 'white'
	   	})
   })

   $('#owl').click(function(){
   		$(stage).toggle(function(){
   			$(stage).css({
	   			'-webkit-mask-image': 'none',
	   			'background-color': 'white'
	   		})
	   	})
   })*/
})
</script>


<body>

<div id="stage" class="mask">

	<div id="owl">
		<div id="owlHead">
			<div class="eyeLg" id="leftEye">
				<div class="pupil" id='leftPupil'></div>
			</div>
			<div class="eyeSm" id="leftEyeSm"></div>
			<div class="eyeLg" id="rightEye">
				<div class="pupil" id='rightPupil'></div>
			</div>
			<div class="eyeSm" id="leftEyeSm"></div>

		</div>
		<div id="owlBody">
			<div class="wings" id="leftWing"></div>
			<div class="wings" id="rightWing"></div>
		</div>

		<div id="spot"></div>

	</div>
</div>	
</body>
</html>

